<template>
	<view>
		<view class="input">
			<u-search  placeholder="请输入设备号码" v-model="number" :show-action="false" clearable></u-search>
		</view>
		<view class="text_one">
			<u--text type="primary" text="游戏币套餐"></u--text>
		</view>
		<view class="grid_one">
			<u-grid :border="false" @click="click">
				<u-grid-item v-for="(item,index) in packageList" :key="index">
					<view class="grid_view" v-if="item.type==0">
						<text class="grid-text">{{item.money}}游戏币</text>
						<text class="grid_text_small">仅售{{item.money*item.discount}}</text>
					</view>
				</u-grid-item>
			</u-grid>
		</view>
		<view class="notice">
			<u-notice-bar fontSize="13" text="客服QQ:695104993"></u-notice-bar>
		</view>
			 <drag-button
			            :isDock="true"
			            :existTabBar="true"
			            @btnClick=""
			            @btnTouchstart=""
			            @btnTouchend="" />
		<view class="foot">
			<text>温馨提示：</text>
			<text> 1.本产品本为酷玩游戏厅游戏币充值平台，请根据法律法规进行充值，游戏设备对应各种操作要，如有不解请咨询工作人员;
				2.下单后，系统会自动提交充值，人工无法干预退款或更改充值设备号码，请您仔细核对设备号码，充错号码概不负责;
				3.本产品不提供发票，线上优惠不支持开发票;
				4.因游戏厅资源、后台系统接口等问题，可能导致个别订单充值失败，充值失败系统会自动全额退款，若失败订单没有及时返回等情况，请主动联系平台客服或本店工作人员，介意慎拍!
			</text>
		</view>
		<u-modal :show="showConfirm" mode="bottom" @confirm="confirmPhone">
			<view>
				<text class="grid_text_small">您的本次获得游戏币数为:{{order.money}}个,实付金额为:{{order.money*order.discount}}元</text>
			</view>
		</u-modal>
		<u-toast ref="uToast" />
		
	</view>
</template>

<script>
    import { request, baseUrl } from 'common/request.js';
	import dragButton from "@/components/drag-button.vue";
	export default {
		components:{
			dragButton
		},
		name:"show",
		data() {
			return {
				number:'',//设备编号
				packageList:[],
				showConfirm:false,
				order:{}
				
			};
		},
		created() {
			this.getPack("LT")
		},
		methods:{
			click(index){
				if(this.number.length>0){
					this.order=this.packageList[index];
					this.showConfirm=true;
				}else{
					this.$refs.uToast.error('请确认游戏机编号输入正确！');
				}
			},
            getPack(type){
                this.$request(baseUrl + '/recharge_api/allPackage/', {'creatPhone':'18656946505','operatorsType':type},'post').then(res => {
                    // 打印调用成功回调
                    if (res.code == 200) {
                        this.packageList = res.data || [];
                    }
                })
            },
			confirmPhone(){
				this.showConfirm=false
				let self=this;
				uni.showLoading({
					title: '正在处理....',
					mask: false
				});
				setTimeout(function() {
					uni.hideLoading();
					self.$refs.uToast.success('游戏币预定成功！请在离开时到收银台结清账单，谢谢！');
				      }, 3000)
			}
			
		}
		
	}
</script>

<style>

</style>
